<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <link rel="dns-prefetch" href="//gong.gg/">
    <title>宽屏轮播demo</title>
    <meta name="keywords" content="轮播,幻灯片" />
    <meta name="description" content="轮播" />
    <meta name="author" content="gong.gg" />
    <meta name="copyright"  content="Copyright &copy;gong.gg 版权所有" />
    <link href="./css/slides.css" rel="stylesheet" type="text/css" />
<body>
    <div id="slides" class="oh">
        <div class="max-width content">
            <img src="./images/jiantou-left.png" class="left" />
            <img src="./images/jiantou-right.png" class="right" />
        </div>
        <div class="items" style="background: url('./images/banner-1.jpg') no-repeat center 0;"></div>
        <div class="items" style="background: url('./images/banner-2.jpg') no-repeat center 0;"></div>
        <div class="items" style="background: url('./images/banner-3.jpg') no-repeat center 0;"></div>
        <div class="dot max-width">
            <li class="active"></li>
            <li></li>
            <li></li>
        </div>
    </div>
</body>
</html>
<script src="./js/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="./js/slides-size.js" type="text/javascript"></script>